<template>
  <view class="button-container">
	 <input type="text" auto-focus="true" @input="checkInputLength" class="black-border-input" v-model="inputValue"/>
	 <!-- <view>{{ output }}</view> -->
	 <button @click="shoudong">手动输入</button>
    <!-- <button @click="startScan">入库扫码</button> -->
  </view>
</template>

<script setup>
import { ref } from 'vue'
import * as productApi from '@/api/product/index.js'; // 产品字典

export default {
  data() {
    return {
	  inputValue: '' ,// 添加一个数据属性来存储输入框的值
	  output: '',
	  purchaseinorderResult: {},
	  id:'',
      productList: { data: null } // 产品对象
    };
  },
  onLoad() {
    // this.startScan(); 
  },
  methods: {
	  	  checkInputLength(event) {
	  	    if (event.target.value.length >= 1) {
	  			const inputValue = event.target.value;
	  			console.log('输入框的值:', inputValue); 
	  			this.handleScanResult(inputValue);
	  	  	  //扫描后逻辑
	  	      this.output = inputValue;
	  	    } else {
	  	      this.output = '';
	  	    }
	  	  },
		  	      shoudong(){
		        // 弹出手动输入的模态对话框
		        uni.showModal({
		          title: '手动输入',
		          content: '',
		          placeholderText: '请输入内容',
		          editable: true, // 允许输入
		          success: (res) => {
		            if (res.confirm) {
		              // 用户点击确定按钮，获取输入的内容
		              const userInput = res.content;
		              this.inputValue = userInput; // 将输入的内容赋值到 inputValue
		              this.checkInputLength({ target: { value: userInput } }); // 调用 checkInputLength 方法
		            }
		          }
		        })},
		handleScanResult(scanData) {
		  console.log('扫描结果', scanData);
		 
		  this.productList = productApi.getProductMax(res.result).then(res => {
		  		console.log('API调用结果', res.data.isFree);
		  		console.log('API调用结果', res.data);
		  
		  		
		  		if(res.data.isFree==1){
		  			const userStr = JSON.stringify(res.data);
		  			uni.navigateTo({
		  				//将产品信息对象转换为JSON格式传递到下一个页面
		  				
		  				url: `/pages/free/login?data=${userStr}`
		  			});
		  		}else if(res.data.isFree===0||res.data.isFree==null){
		  			uni.showToast({
		  			  title: '该商品不是免费耗材',
		  			  icon: 'none',
		  			  duration: 5000
		  			});
		  		}
		  }).catch(error => {
		  	// 弹窗
		  	uni.showToast({
		  	  title: '请扫描正确的码信息',
		  	  icon: 'none',
		  	  duration: 5000
		  	});
		  //console.error(error)
		  });;
	
		  // 跳转暂时拿出来测试
		  // uni.navigateTo({
		  //   url: `/pages/scanCode/login?data=${encodeURIComponent(scanData)}`
		  // });
		  
				    },
  //   startScan() {
  //     uni.scanCode({
		  
		//   // un
		  
		  
		  
  //       success: (res) => {
  //         console.log('扫描结果', res.result);
  //         this.productList = productApi.getProductMax(res.result).then(res => {
		// 	console.log('API调用结果', res.data.isFree);
		// 	console.log('API调用结果', res.data);

			
		// 	if(res.data.isFree==1){
		// 		const userStr = JSON.stringify(res.data);
		// 		uni.navigateTo({
		// 			//将产品信息对象转换为JSON格式传递到下一个页面
					
		// 			url: `/pages/free/login?data=${userStr}`
		// 		});
		// 	}else if(res.data.isFree===0||res.data.isFree==null){
		// 		uni.showToast({
		// 		  title: '该商品不是免费耗材',
		// 		  icon: 'none',
		// 		  duration: 5000
		// 		});
		// 	}
  //   }).catch(error => {
		// // 弹窗
		// uni.showToast({
		//   title: '请扫描正确的码信息',
		//   icon: 'none',
		//   duration: 5000
		// });
  //   //console.error(error)
  //   });;
  //         console.log('查询结果', this.productList);
		// //    this.productList.then(result => {
		// //    console.log(result.data); // 访问data属性
		// // });
		
		
		
		
  //         // 成功跳转核销页面
  //        // this.handleScanResult(res.result);
  //       },
  //       fail: (err) => {
  //         console.error('扫描失败:', err);
  //         console.Console('扫描失败:', err);
  //       }
  //     });
  //   },

  }
};
</script>

<style>
.container {
  padding: 20px;
  background-color: #f5f5f5;
}

.info-card {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.info-card.horizontal {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.item-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.label {
  font-size: 15px;
  color: #333333;
  margin-bottom: 5px;
}

.value {
  font-size: 13px;
  color: #007aff;
}

.button-container {
  margin-top: 20px;
  text-align: center;
}
</style>
